<template>
  <el-row :gutter="10">
    <el-col v-for="ind in indexInfos" :key="ind.key" :xs="12" :sm="8" :md="6" :lg="6" :xl="6">
      <card-index :title="ind.title" :desc="ind.desc" :src="ind.src" :path="ind.path"></card-index>
    </el-col>
  </el-row>
</template>

<script>
// @ is an alias to /src
import CardIndex from '@/components/index/Card.vue'
// import PageHead from "@/components/PageHead.vue";

export default {
  name: 'IndexView',
  components: {
    CardIndex,
    // PageHead
  },
  data() {
    return {
      indexInfos: [{
        title: "PDF转换",
        desc: "提供pdf分割，合并，识别等等功能",
        src: "./assets/aaa.png",
        path: "/pdfAccess",
        key: "pdfAccess"
      }, {
        title: "excel数据替换",
        desc: "批量对excel数据进行替换",
        src: "./assets/aaa.png",
        path: "/excel",
        key: "excel"
      }, {
        title: "自动邮件发送",
        desc: "提供邮件群发，定时发，模板发送等功能",
        src: "./assets/aaa.png",
        path: "/email",
        key: "emails"
      }, {
        title: "word批量处理",
        desc: "提供word批量替换内容，合并，提取等功能",
        src: "./assets/aaa.png",
        path: "/word",
        key: "word"
      }]
    }
  }
}
</script>

<style scoped lang="scss">
.el-col {
  margin-bottom: 10px;
}
</style>

